/* 清除边框 */
*{
    margin: 0;
    padding: 0;
}
/* 设置初始样式 */
ul,a{
    /* a标签不显示点点 */
    list-style-type: none;
    /* a标签下划线无 */
    text-decoration: none;
}
body{
    background-image: url(../img/body_bg.png);
    background-repeat: repeat-x;
    /* 横向平铺 */
}
.root{
    width: 60%;
    /* 设置上下为0，左右自适应 ，达到水平居中*/
    margin: 0 auto;

}
.header{
    height: 147px;
    display: flex;
    /* 设置换行 */
    /* flex-wrap: wrap; */
    flex-direction: column;
    /* 父盒子设置相对布局 */
    position: relative;
}
.header-logo-box{
    padding: 50px 0 0px;
    width: 80%;
    
}
.header-logo-img{
    width: 90%;
}
.header-lang{
    width: 20%;
    align-self: flex-start;
    color:aliceblue;
    
}
.header-lang a{
    color: aliceblue;
    text-decoration: none;
}
.header-nav{
    width: 100%;
    background-color: aquamarine;
    /* 有弧度 */
    border-radius: 5px 5px 0 0;
    /* 子盒子设置绝对布局 */
    position: absolute;
    /* 相对父盒子调位置 */
    bottom: 1px;

}
.header-nav ul{
    display: flex;
    /* 按照相同间隔分布（左右两边有间隔） */
    justify-content: space-around;
    /* 居中 */
    align-items: center;
}
.header-nav li{
    /* 设置点击后 */
    display: inline;
    text-align: center;

}
.header-nav a{
    color: aliceblue;
    font-size: 16px;
    /* 设置居中 */
    margin: 0 auto;
}
/* 伪类选择器 */
.header-nav a:hover{
    color: orange;
    font-size: 20px;
    font-weight: 700;

}
.img{
    width: 100%;
    height: 300px;
}
img{
    width: 100%;
    height: 100%;
}
.content{
    display: flex;
    flex-wrap: wrap;
}
.content .box{
    width: 50%;
    border: 1px solid red;
    box-sizing: border-box;
    height: 200px;
    padding: 0 10px;
}
.top{
    display: flex;
    justify-content: space-between;
}
.top .title{
    padding:3px 10px;
    background-color:rgb(60, 129, 207);
    border-start-start-radius: 8px;
    border-start-end-radius: 8px;
    color: aliceblue;
}
.box .content{
    border: 1px solid rgb(60, 129, 207);
    height:240px;
    /* 滚动条 */
    overflow-y:auto;
}


